<%@ page language="java" contentType="text/html; charset=ISO-8859-1"
    pageEncoding="ISO-8859-1"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<title>login page</title>
<link href="css/style.css" rel="stylesheet" type="text/css" />
<style type="text/css">
<!--
.style2 {font-size: 52px; color: #333333; font-family: "Monotype Corsiva";}
#Layer1 {
	position:absolute;
	width:430px;
	height:29px;
	z-index:1;
	left: 153px;
	top: 84px;
}
.style4 {font-size: 22px; color: #333333; font-family: "Monotype Corsiva"; }
#Layer2 {
	position:absolute;
	width:687px;
	height:195px;
	z-index:1;
	left: 162px;
	top: 194px;
}
.style7 {font-size: 14px; color: #333333; }
.style8 {font-size: 26px}
-->
</style>
<script>

function FrontPage_Form1_Validator(theForm)
{

  if (theForm.textfield.value == "")
  {
    alert("Please enter a value for the \"username\" field.");
    theForm.textfield.focus();
    return (false);
  }

  if (theForm.textfield.value.length < 2)
  {
    alert("Please enter at least 5 characters in the \"username\" field.");
    theForm.textfield.focus();
    return (false);
  }

  if (theForm.textfield.value.length > 20)
  {
    alert("Please enter at most 20 characters in the \"username\" field.");
    theForm.textfield.focus();
    return (false);
  }

  if (theForm.textfield2.value == "")
  {
    alert("Please enter a value for the \"password\" field.");
    theForm.textfield2.focus();
    return (false);
  }

  if (theForm.textfield2.value.length < 2)
  {
    alert("Please enter at least 5 characters in the \"password\" field.");
    theForm.textfield2.focus();
    return (false);
  }

  if (theForm.textfield2.value.length > 20)
  {
    alert("Please enter at most 20 characters in the \"password\" field.");
    theForm.textfield2.focus();
    return (false);
  }
  return (true);
}
</script>
</head>
<body>
  <form id="form1" name="form1" method="post" action="adg.do?method=userlogin" onSubmit="return FrontPage_Form1_Validator(this)">
<div id="topPan">
  <div id="topContactPan">    
    <div align="center"><span class="style2"><u>Automate Document Generation</u></span> </div>
  </div>
  <div class="style4" id="Layer1">
    <div align="center" class="style8"><u>Login Page </u></div>
  </div>
</div>

&nbsp;&nbsp;&nbsp;

  <p>&nbsp;</p>
  <p>&nbsp;</p>
  <p>&nbsp;</p>
  <p>&nbsp;</p>
  <p>&nbsp;</p>
  <p>&nbsp;</p>
  <p>&nbsp;</p>
  <table width="30%" border="0" align="center">
<tr>
         <td width="11%" rowspan="2"><img src="images/login.png" alt="login" width="77" height="66" align="middle" /></td>
         <td width="89%" height="34"><div align="center"><label><span class="style7">Username</span> </label></div></td>
    <td width="89%"><div align="center"> <input type="text" name="textfield" /></div></td>
       </tr>
       <tr>
         <td><div align="center"><label><span class="style7">Password</span></label></div></td>
         <td><div align="center"><input type="password" name="textfield2" /></div></td>
       </tr>
     </table>
     <p>&nbsp;</p>
     <p>
       <label></label>
     </p>
    <div align="center">
      <input type="submit" name="Submit" class="button" value="Login" />
    </div>
  </form>
  <label>  </label>
  <p>&nbsp;</p>


<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p><br />
</p>

</body>
</html>
